<!--
  @Descripttion：搜索组件调用demo
  @Author：zqy
  @Date：2020-10-17 11:31:53
  @Last Modified by：zqy
  @Last Modified time：2020-10-17 11:31:53
-->
<template>
  <div>
    <search-form ref="refSearch" :default-row="3" :search-config="searchData" :label-width="150" @clear="clearSearch" @search="handleSearch" @edit-change="handleEditChange">
      <template>
         <div class="qup-search-item">
          <el-form-item label="经销商:">
            <input-with-dialog
              ref="refAddress"
              v-model="receiveAddressData"
              :props="{label:'employName',value:'employCode'}"
              :focus-query="true"
              :remote-url="`https://pandadev.quanyou.com.cn/top2-delivery/api/v1/employ/page?type=1`"
              request-method="get"
              param-field="paramKeyword"
              
              :config="{
                title:'列表',
                width:'600px',
                interfacePath:'https://pandadev.quanyou.com.cn/top2-delivery/api/v1/employ/page?type=1',
                method:'get',
                paramField:'paramKeyword',
                filtersRaw:[],
                rowKey:'employCode',
                setting:[
                  {prop:'employCode',title:'编码',width:80},
                  {prop:'employName',title:'名称',width:200}
                ],
                apiHeader:{
                  'Distributor':'%7B%22orgCode%22%3A%22K1001749%22%2C%22orgName%22%3A%22%E5%9B%9B%E5%B7%9D%E7%9C%81%E5%B7%B4%E4%B8%AD%E5%B8%82%E5%B7%B4%E5%B7%9E%E5%8C%BA%E4%BB%BB%E6%B3%A2%22%7D'
                }
              }"
            />
          </el-form-item>
        </div>
         <div class="qup-search-item">
          <el-form-item label="收货地址121212:">
            <input-with-dialog
              ref="refAddress"
              v-model="receiveAddressData"
              :disabled="true"
              :props="{label:'address',value:'id'}"
              :focus-query="true"
              :remote-url="`https://pandadev.quanyou.com.cn/select-service/api/v1/cusStore/cusStoreAddress?accountCode=1001398`"
              request-method="get"
              param-field="searchKey"
              
              :config="{
                title:'收货地址',
                width:'600px',
                interfacePath:'https://pandadev.quanyou.com.cn/select-service/api/v1/cusStore/cusStoreAddress',
                method:'get',
                paramField:'searchKey',
                filtersRaw:[],
                paramsRaw:{'accountCode':'1001398'},
                setting:[
                  {prop:'code',title:'编码',width:80},
                  {prop:'name',title:'名称',width:200},
                  { prop: 'address', title: '收货地址', width:300 }
                ]
              }"
            />
            <!-- filtersRaw:addressFiltersParams, -->
          </el-form-item>
        </div>
        <div class="qup-search-item">
          <el-form-item label="货品状态:">
            <input-with-dialog
            v-model="goodsStateData"
            :props="{label:'paramValue',value:'paramKey'}"
            :focus-query="true"
            :config="{
              title:'选择货品状态',
              interfacePath:'https://uacdev.quanyou.com.cn/select-service/api/v1/eco/settleBillParam/page',
              method:'post',
              filtersRaw:[{ id: 'paramType', property: 'paramType', operator: '=', value: 7 }],
              paramsRaw:{},
              setting:[{prop:'paramKey',title:'编码',width:120},{prop:'paramValue',title:'名称',width:250}],
            }"
              :beforeConfirm="promiseConfirm"
              
          />
          <!-- (res)=>{return true} -->
          
          </el-form-item>
        </div>
        <div class="qup-search-item">
          <el-form-item label="货品状态111:">
            <input-with-dialog
            v-model="goodsStateData"
            :props="{label:'belongDuty',value:'belongDuty'}"
            :focus-query="true"
            :config="{
              title:'选择货品状态111',
              interfacePath:'https://uacdev.quanyou.com.cn/slm-admin/api/v1/configAcceptDuty/page',
              method:'post',
              filtersRaw:[],
              paramsRaw:{},
              rowKey:'id',
              setting:[{ prop: 'acceptTypeName', title: '验收类型' }, { prop: 'belongDuty', title: '责任归属' }],
            }"
          />
          
          </el-form-item>
        </div>
         <div class="qup-search-item">
          <el-form-item label="input输入下拉弹窗">
            <input-with-dialog
              v-model="searchValue1"
              :props="{label:'typeName',value:'typeCode'}"
              :multiple="true"
              :focusQuery="true"
              :disabled="false"
              :optionData="[
              {label:'测试1',value:1},
              {label:'测试3',value:2}
              ]"
              :config="{
                title:'消息类型',
                width:'600px',
                interfacePath:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/page', //http://172.30.3.224:8568/api/v1/priceWholesaleStandard/page
                setting:[{prop:'typeCode',title:'类型编码'},{prop:'typeName',title:'消息类型'}],
                paramsRaw:{state:1},
                paramField:'typeName',
                filtersRaw:[{id:'',property:'enableReject',operator:'=',value:1}],
                hidePage:true,
                method:'post'
              }"
              @change="handleChange"
              ></input-with-dialog>
          </el-form-item>
        </div>
        <div class="qup-search-item">
          <el-form-item label="顾客手机号:" prop="consumerId2">
            <input-with-dialog
              v-model="activeConsumer2"
              :props="{label:'customerName',value:'id'}"
              show-field="customerPhone"
              :remote-url="`https://uacdev.quanyou.com.cn/select-service/api/v1/consumer?customerCode=K1001749`"
              request-method="get"
              param-field="searchKey"
              :config="{
                title:'顾客',
                interfacePath:`https://uacdev.quanyou.com.cn/select-service/api/v1/consumer`,
                method:'get',
                paramField:'searchKey',
                filtersRaw:[],
                paramsRaw:{'customerCode':'K1001749'},
                setting:[{prop:'customerName',title:'姓名',width:120},{prop:'customerPhone',title:'联系电话',width:250}],
                hidePage:true,                
                apiHeader: {
                  'Permission-Code': 'per_pur_order_middle_page',
                  'Permission-App': 'order-center'
                }
              }"
              @change="handleChange"
            />
          </el-form-item>
        </div>
        <div class="qup-search-item">
          <el-form-item label="失去焦点测试:" prop="consumerId">
            <input-with-dialog
              v-if="edit"
              v-model="activeConsumer"
              v-focus
              :props="{label:'customerName',value:'id'}"
              show-field="customerPhone"
              :remote-url="`https://uacdev.quanyou.com.cn/select-service/api/v1/consumer?customerCode=K1001749`"
              request-method="get"
              param-field="searchKey"
              :config="{
                title:'顾客',
                interfacePath:`https://uacdev.quanyou.com.cn/select-service/api/v1/consumer`,
                method:'get',
                paramField:'searchKey',
                filtersRaw:[],
                paramsRaw:{'customerCode':'K1001749'},
                setting:[{prop:'customerName',title:'姓名',width:120},{prop:'customerPhone',title:'联系电话',width:250}],
                hidePage:true
              }"
              @change="handleChange"
              @blur="handleBlur"
            />
            <div v-else  @click="edit=true">
            {{activeConsumer && activeConsumer.length && activeConsumer[0].customerName}}
            </div>
          </el-form-item>
        </div>
        <div class="qup-search-item">
          <!-- {{receiveAddressData}} -->
          <el-form-item label="收货地址(多选)">
            <input-with-dialog
              ref="refAddress"
              v-model="receiveAddressData"
              :props="{label:'name',value:'code'}"
              :focus-query="true"
              remote-url="https://uacdev.quanyou.com.cn/select-service/api/v1/cusStore/cusStoreAddress?accountCode=1001398"
              request-method="get"
              param-field="searchKey"
              show-field="code"
              multiple
              :config="{
                title:'收货地址',
                width:'600px',
                interfacePath:'https://uacdev.quanyou.com.cn/select-service/api/v1/cusStore/cusStoreAddress',
                method:'get',
                paramField:'searchKey',
                filtersRaw:[],
                paramsRaw:{'accountCode':'1001398'},
                setting:[
                  {prop:'code',title:'编码',width:80},
                  {prop:'name',title:'名称',width:200},
                  { prop: 'address', title: '收货地址', width:100,showOverflow:true }
                ],
                hidePage:true
              }"
              @change="handleChange"
            />
          </el-form-item>
        </div>

        <div class="qup-search-item" style="width:400px">
          <el-form-item label="select使用输入弹窗选择">
            <select-with-dialog
              v-model="searchValue"
              :props="{label:'typeName',value:'typeCode'}"
              remote-url="https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/list/keyWord"
              paramField="keyWord"
              :multiple="true"
              :focusQuery="false"
              :config="{
                title:'消息类型',
                interfacePath:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/page',
                setting:[{prop:'typeCode',title:'类型编码'},{prop:'typeName',title:'消息类型'}]
              }"
              ></select-with-dialog>
          </el-form-item>
        </div>
      </template>
    </search-form>
    <!-- {{searchValue1}} -->
    
          {{activeConsumer}}

    <div style="margin-top:20px">
      <el-button size="mini" @click="exportisible=true">导出</el-button>
      <el-button size="mini"  @click="importVisible=true">导入</el-button>
      <el-button size="mini"  @click="importTaskVisible=true">查看离线任务</el-button>
      
      <import-files 
        title="导入标题" 
        v-if="importVisible"
        :visible.sync="importVisible" 
        :success-fun="exportSuccessCallback"
        :config="[{
          code:'code1',
          name:'同步导入数据',
          async:false,
          apiUrl:'/ec-order-service/api/v1/channelStockImport',
          headers:{
            customHeader:'testName'
          },
          //apiUrl:'https://qup2dev.quanyou.com.cn/api/v1/messageType/import',
          //apiUrl:'https://uacdev.quanyou.com.cn/ec-pic-service/api/v1/bnsActivityWares/importWares?templateId=&isAddSpu=false',
          //paramsRaw:{},
          //bizParam
        },
        {
          code:'excel_demo', // 导入模板编码 (后端提供)
          name:'异步导入数据', // 导入模板名称 (产品提供)
          async:true, // 是否异步导入：true 是,  false 否  (后端提供)
          apiUrl:'/po-center/api/v1/demo/excel/import', // 自定义接口（后端提供）
          paramsRaw:{},
          bizParam:{id:'bizParam参数值，可以是任意的字符串或者json'},
        },
        {
          code:'TempPriceWholesaleStandardModifItem', // 导入模板编码 (后端提供)
          name:'批发基准价导入', // 导入模板名称 (产品提供)
          async:true, // 是否异步导入：true 是,  false 否  (后端提供)
          apiUrl:'https://uacdev.quanyou.com.cn/price-center/api/v1/priceWholesaleStandardModifItem/excel/import', // 自定义接口（后端提供）
          paramsRaw:{},
          bizParam:'0087271f-486d-4fc2-8727-1f486dbfc202',
          validateFunc:validateFuncDemo
        }]"
        :task-config="{
          //apiPrefix:'price-center',// 应用所对应的接口地址前缀 (产品提供，如：ucenter , po-center , top-purchase )          
          //checkRowApi:'/price-center/api/v1/priceWholesaleStandardModifItem/excel/import/checkRow', // 行校验接口地址(后端提供)
          //checkApi:'/price-center/api/v1/priceWholesaleStandardModifItem/excel/import/check',//全量检查业务（自定义接口，后端提供）：/api/v1/demo/excel/import/check?excelTaskId=
          //completeApi:'/price-center/api/v1/priceWholesaleStandardModifItem/excel/import/complete', // 任务完成执行（回写业务操作）(自定义接口, 后端提供)
          //tempDataApi:'/po-center/api/v1/excel/tempData/page',// 临时数据分页查询列表
          //saveTempData:/po-center/api/v1/excel/tempData', // 保存(新增/修改)临时数据（公共接口 /api/v1/excel/tempData）
          //stopApi:'/po-center/api/v1/excel/task/stop',// 终止任务 （后端提供）
          
          //deleteTempData:'',// 删除临时数据 (后端提供)
          //checkRow:'/po-center/api/v1/demo/excel/import/checkRow',// 校验临时数据行（自定义接口，后端提供）：/api/v1/demo/excel/import/checkRow?excelTaskId={}
          //exportTempData:'/api/v1/excel/tempData/export' ,// 导出临时数据（公共接口）
          //importTempData:'/api/v1/excel/tempData/import' ,// 导入临时数据（公共接口）
          //exportTempApi:'/price-center/api/v1/priceRetailManagerModifItem/excel/temp/export', // 导出临时数据 (自定义接口, 后端提供)
          //taskFiltersRaw:[
          //  {id:'templateId',property:'templateId',operator:'=',value:'1223243232'}
          //]
          apiPrefix: 'mdm-admin', // 应用所对应的接口地址前缀 (产品提供，如：ucenter , po-center , top-purchase )
          checkRowApi: '/mdm-admin/api/v1/productFurniture/temp/import/checkRow', // 行校验接口地址(后端提供)
          checkApi: '/mdm-admin/api/v1/productFurniture/temp/import/check', // 全量检查业务（自定义接口，后端提供）
          completeApi: '/mdm-admin/api/v1/productFurniture/temp/import/complete', // 任务完成执行（回写业务操作）(自定义接口, 后端提供)
          exportTempApi:'/mdm-admin/api/v1/excel/tempData/export', // 导出临时数据 (自定义接口, 后端提供)
saveTempEmpty:false,
saveTempApi:'/mdm-admin/api/v1/excel/tempData/save'
        }"
        @success="handleImportSuccess" 
        @close="refreshTable(true)" 
      />
      
      <import-task
        v-if="importTaskVisible"
        :visible.sync="importTaskVisible"
        :taskConfig="{
          apiPrefix:'price-center',// 应用所对应的接口地址前缀 (产品提供，如：ucenter , po-center , top-purchase )          
          checkRowApi:'/price-center/api/v1/priceWholesaleStandardModifItem/excel/import/checkRow', // 行校验接口地址(后端提供)
          checkApi:'/price-center/api/v1/priceWholesaleStandardModifItem/excel/import/check',//全量检查业务（自定义接口，后端提供）：/api/v1/demo/excel/import/check?excelTaskId=
          completeApi:'/price-center/api/v1/priceWholesaleStandardModifItem/excel/import/complete', // 任务完成执行（回写业务操作）(自定义接口, 后端提供)
          exportTempApi:'/price-center/api/v1/priceRetailManagerModifItem/excel/temp/export', // 零售价变更导出待处理任务 (自定义接口, 后端提供)
        }"
        @close="refreshTable(true)" 
      ></import-task>
      <export-files 
        v-if="exportisible"
        title="导出标题" 
        :visible.sync="exportisible"
        download-url="https://qup2dev.quanyou.com.cn/ucenter/api"
        :success-fun="exportSuccessCallback"
        :config="[
          {
            code: 'price_code_tmp',
            name: '价格明细模板',
            async: false, // 是否异步
            headers:{
              customHeader:'testName'
            },
            templateCode:'',// 模板code
            //templateApi: `http://price-center.itdev2.quanyou.com.cn/api/v1/excel/template/download`, // 模板导出
            templateApi: `https://uipdev.quanyou.com.cn/mdm-admin/api/v1/baseProductModel/exportProductModel`, // 模板导出
            templateMethod:'post',
            templateParams:{
              type:0,
              query:{
                code:{value:1,operator:'='}
              }
            }
          }, {
            code: 'price_code',
            name: '价格明细数据',
            async: false, // 是否异步
            templateCode:'',// 模板code
            dataApi: `http://price-center.itdev2.quanyou.com.cn/api/v1/excel/export`, // 价格明细导出
            filtersRaw: [], // 导出符合条件的数据(当前搜索结果的数据)
            sort:'createTime',
            order:'asc',
            selectedRows:[{code:'10002'},{code:'1002'}],//当前所选中的数据航
            queryField:'code',//指定行导出的字段名称
            exportFileName:'价格明细',
            validateFunc:validateFuncDemo
          },
          {
            code:'msgtype',
            name:'消息类型',
            templateCode:'',// 模板code
            dataApi:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/export'
          },
          {
            code:'PriceWholesaleStandardItem',
            name:'价格明细',
            templateCode:'',// 模板code
            dataApi:'http://price-center.itdev2.quanyou.com.cn/api/v1/priceWholesaleStandardItem/excel/export', // 数据接口
            templateApi:'http://price-center.itdev2.quanyou.com.cn/api/v1/excel/template/download' // 模板导出接口
          },
          {
            code:'excel_demo',
            name:'下载导入模板',
            async:false,// 是否异步
            templateCode:'',// 模板code
            //templateApi:'/po-center/api/v1/excel/template/download',
            templateApi:'/gcenter/api/v1/productSku/excel/export/category?categoryId=3001',
            templateMethod:'post',
            exportFileName:'文件名称',
            validateFunc:validateFuncDemo
            //exportTemplate:true
          },
          {
            code:'newtemp2',
            name:'修改模板',
            async:true,// 是否异步
            templateApi:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageRecord/portal2/export'
          },
          {
            code:'test',
            name:'测试异步导出',
            async:true,// 是否异步
            headers:{
              customHeader:'testName'
            },
            dataApi:'/ec-report-service/api/v1/clientBillCollect/payment/export'
          },
          {
            code:'purOrderReport',
            name:'异步导出电商采购订单',
            async:true,// 是否异步
            dataApi:'/ec-report-service/api/v1/purOrderReport/export'
          },
          {
            code:'TempGiveawayImportItem',
            name:'同步导出赠品模板',
            async:false,// 是否异步
            templateApi:'/ec-order-service/api/v1/excel/template/download?templateCode=TempGiveawayImportItem'
          },
          {
            code:'orderExpressExport',
            name:'同步导出直发订单',
            async:false,// 是否异步
            headers:{
              customHeader:'testName'
            },
            dataApi:'/ec-order-service/api/v1/orderExpressExport'
          },
          {
            code:'msgPortal',
            name:'门户异步导出',
            async:true,// 是否异步
            templateCode:'portal',// 模板code
            dataApi:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageRecord/portal/export',
            filtersRaw:[{id:'',value:'sdws',property:'typeDesc',operator:'like'}],
            paramsRaw:{state:1},
            selectedRows:[{code:'10002'},{code:'1002'}],//当前所选中的数据航
            queryField:'code'//指定行导出的字段名称
          },
          {
            code:'msgUser',
            name:'用户同步导出',
            async:false,// 是否异步
            templateCode:'user',// 模板code
            templateApi:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageRecord/portal2/export',
            dataApi:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageRecord/user/export',
            filtersRaw:[{id:'',value:'sdws',property:'typeDesc',operator:'like'}],
            paramsRaw:{state:1},
            selectedRows:[{code:'10002'},{code:'1002'}],//当前所选中的数据航
            queryField:'code'//指定行导出的字段名称
          }
        ]"
        @success="handleExportSuccess"
      />
    </div>
    <div style="margin-top:20px">
      <div>List, Item,FormContainer ,DictCheckbox DictSelect,SearchSelectPicker 组件 Demo</div>
      <div>List使用demo</div>
      <QupList :column="2" sep="：" label-width="100px" default-value="--">
        <QupListItem label="购买渠道字典"
        label-width="250px" 
         dict-type-code="PURCHASE_CHANNEL" :propEnum="{domainCode:'marketing',appCode:'call-center'}" :value="1"/>
        <QupListItem label="工单编号" ellipsis>
          <el-tooltip effect="dark" content="CC121323213CC121323213CC121323213CC121323213CC121323213CC121323213CC121323213" placement="top">
            <span>CC121323213CC121323213CC121323213CC121323213CC121323213CC121323213CC121323213</span>
          </el-tooltip>
        </QupListItem>
        <QupListItem label="联系人" showOverflowTooltip  value="张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三" />
        <QupListItem label="店铺">
          <QupSearchSelectPicker
            url="https://uacdev.quanyou.com.cn/select-service/api/v1/eco/platform/page"
            placeholder="请选择"
            lable-name="name"
            value-name="code"
            method="post"
            :params="{query:{},type:0}"
            :value.sync="demoForm.shopCode"
            :lable.sync="demoForm.shopName"
          ></QupSearchSelectPicker>
        </QupListItem>
        <QupListItem label="购买渠道" >
          <QupDictSelect
            placeholder="请选择"
            dict-type-code="PURCHASE_CHANNEL"
            domainCode="marketing"
            appCode="call-center"
            filterable
            :code.sync="demoForm.buyChannel2"
            :name.sync="demoForm.buyChannelName2"
          ></QupDictSelect>
        </QupListItem>
        <QupListItem label="购买渠道checkbox" :span="18">
          <QupDictCheckbox
            placeholder="请选择"
            dict-type-code="PURCHASE_CHANNEL"
            domainCode="marketing"
            appCode="call-center"
            v-model="demoForm.purchaseChannel"
            :excludes="[1,2]"
          ></QupDictCheckbox>
        </QupListItem>
      </QupList>
    </div>
    <div>formContainer 使用demo</div>
    <div>
      <QupFormContainer :column="2">
        <el-form
          ref="formOrder"
          :model="demoForm"
          :rules="formRules"
          label-width="110px"
        >
        <el-form-item
            prop="poType"
            label="采购订单类型"
            :rules="[
              { required: true, message: '采购订单类型不能为空', trigger: 'change' }
            ]"
          >
            <qup-dict-select
              placeholder="请选择"
              dict-type-code="CRM_CATEGORY_SELECTION"
              domain-code="marketing"
              app-code="top2-crm"
              :code.sync="demoForm.poType"
              :excludes="['FinishedProductFurniture']"
              :disabled="false"
            />
          </el-form-item>
          <el-form-item
            prop="buyChannel"
            label="购买渠道"
            :rules="[
              { required: true, message: '购买渠道不能为空', trigger: 'change' }
            ]"
          >
            <!--创建工单时： 来电弹屏和打开创建工单时默认值为电商(1) -->
            <QupDictSelect
              placeholder="请选择"
              dict-type-code="PURCHASE_CHANNEL"
              domainCode="marketing"
              appCode="call-center"
              :code.sync="demoForm.buyChannel"
              :name.sync="demoForm.buyChannelName"
              filterable
              multiple
              isEmit
              :emitArr="['dictId','dictTypeId']"
              :dictId.sync="demoForm.dictId"
              :dictTypeId.sync="demoForm.dictTypeId"
              @data-change="handleDemoChanleData"
              @change="handleDemoChannel"
            ></QupDictSelect>
          </el-form-item>
          <el-form-item prop="orderCode" label="订单编号">
            <!-- @keyup.enter.native="contactEnter(demoForm.orderCode)"  -->
            <el-input v-model.trim="demoForm.orderCode" clearable />
          </el-form-item>

          <el-form-item
            prop="contactName"
            label="联系人"
            :rules="[
              { required: true, message: '联系人不能为空', trigger: 'change' }
            ]"
          >
            <el-input v-model.trim="demoForm.contactName" clearable />
          </el-form-item>
          <el-form-item prop="shopCode2" label="店铺">
            <QupSearchSelectPicker
             url="https://uacdev.quanyou.com.cn/select-service/api/v1/eco/platform/page"
              placeholder="请选择"
              lable-name="name"
              value-name="code"
              method="post"
              :params="{query:{code:'kuaishou'},type:0}"
              :value.sync="demoForm.shopCode2"
              :lable.sync="demoForm.shopName2"
              :multiple="false"
              @change="handleDemoShop"
            ></QupSearchSelectPicker>
          </el-form-item>
            <el-form-item prop="thirdSource" label="三级来源0">
              <qup-search-select-picker
                placeholder="请选择三级来源"
                :url="`/data-dict/api/v2/dictionary/child`"
                lable-name="dictName"
                value-name="dictCode"
                method="get"
                :params="{query:{parentDictId:'39d4a2a4-df79-409e-94a2-a4df79409e33'},type:0}"
                :value.sync="demoForm.shopCode2"
                :lable.sync="demoForm.shopName2"
              />
            </el-form-item>
          <el-form-item
            :span="24"
            prop="buyChannel"
            label="购买渠道"
            :rules="[
              { required: true, message: '购买渠道不能为空', trigger: 'change' }
            ]"
          >
            <QupDictCheckbox
              placeholder="请选择"
              dict-type-code="PURCHASE_CHANNEL"
              domainCode="marketing"
              appCode="call-center"
              v-model="demoForm.buyChannel1"
              :excludes="['1','2']"
              filterable
              @data-change="getChannelData"
              @change="handleChannelChange"
            ></QupDictCheckbox>
          </el-form-item>
          <el-form-item
            :span="24"
            prop="districtsId"
            label="客户地址"
            :rules="[
              { required: true, message: '省市区不能为空', trigger: 'change' }
            ]"
          >
            <el-row class="cus-flex-row" :gutter="10">
              <el-col :span="6">
                <qup-search-select-picker
                  url="/select-service/api/v1/administrativeDivisions/provinces"
                  :remote="false"
                  placeholder="请选择省"
                  lable-name="name"
                  value-name="id"
                  method="get"
                  :value.sync="demoForm.provinceId"
                  :lable.sync="demoForm.provinceName"
                  @change="handleProvinceChange"
                />
              </el-col>
              <el-col :span="6">
                <qup-search-select-picker
                  ref="refCity"
                  :url="`/select-service/api/v1/administrativeDivisions`"
                  :remote="false"
                  placeholder="请选择市"
                  lable-name="name"
                  value-name="id"
                  method="get"
                  :must-pid="true"
                  :parent-id="demoForm.provinceId"
                  :params="{query:{parentId:demoForm.provinceId},type:0}"
                  :value.sync="demoForm.cityId"
                  :lable.sync="demoForm.cityName"
                  @change="handleCityChange"
                />
              </el-col>
              <el-col :span="6">
                <qup-search-select-picker
                  ref="refDistrict"
                  url="/select-service/api/v1/administrativeDivisions"
                  :remote="false"
                  placeholder="请选择区/县"
                  lable-name="name"
                  value-name="id"
                  method="get"
                  :must-pid="true"
                  :parent-id="demoForm.cityId"
                  :params="{query:{parentId:demoForm.cityId},type:0}"
                  :value.sync="demoForm.districtsId"
                  :lable.sync="demoForm.districtsName"
                  @change="handleDistrictChange"
                />
              </el-col>
              <el-col :span="6">
                <qup-search-select-picker
                  ref="refStreet"
                  url="/select-service/api/v1/administrativeDivisions"
                  :remote="false"
                  placeholder="请选择街道"
                  lable-name="name"
                  value-name="id"
                  method="get"
                  :must-pid="true"
                  :parent-id="demoForm.districtsId"
                  :params="{query:{parentId:demoForm.districtsId},type:0}"
                  :value.sync="demoForm.streetId"
                  :lable.sync="demoForm.streetName"
                />
              </el-col>
            </el-row>
          </el-form-item>
          <el-form-item prop="firstSource" label="一级来源">
              <qup-dict-select
                placeholder="请选择一级来源"
                dict-type-code="CRM_CUSTOMER_PRIMARY_SOURCE"
                domain-code="marketing"
                app-code="top2-crm"
                :code.sync="demoForm.firstSource"
                filterable
                is-emit
                :emit-arr="['dictId']"
                :dict-id.sync="demoForm.firstSourceDictId"
              />
            </el-form-item>
            <el-form-item prop="secondSource" label="二级来源">
              <qup-search-select-picker
                placeholder="请选择二级来源"
                :url="`/data-dict/api/v2/dictionary/child`"
                lable-name="dictName"
                value-name="dictCode"
                method="get"
                must-pid
                :parent-id="demoForm.firstSourceDictId"
                :disabled="!demoForm.firstSourceDictId"
                :params="{query:{parentDictId:demoForm.firstSourceDictId},type:0}"
                :value.sync="demoForm.secondSource"
              />
            </el-form-item>
            <el-form-item prop="thirdSource" label="三级来源">
              <qup-search-select-picker
                placeholder="请选择三级来源"
                :url="`/data-dict/api/v2/dictionary/child`"
                lable-name="dictName"
                value-name="dictCode"
                method="get"
                must-pid
                :parent-id="demoForm.secondSourceDictId"
                :disabled="!demoForm.secondSourceDictId"
                :params="{query:{parentDictId:demoForm.secondSourceDictId},type:0}"
                :value.sync="demoForm.thirdSource"
              />
            </el-form-item>
            <el-form-item prop="thirdSource" label="三级来源1">
              <qup-search-select-picker
                placeholder="请选择三级来源"
                :url="`/data-dict/api/v2/dictionary/child`"
                lable-name="dictName"
                value-name="dictCode"
                method="get"
                must-pid
                parent-id="39d4a2a4-df79-409e-94a2-a4df79409e33"
                :params="{query:{parentDictId:'39d4a2a4-df79-409e-94a2-a4df79409e33'},type:0}"
                :value.sync="demoForm.thirdSource"
              />
            </el-form-item>
          <el-form-item align="right" label-width="0px" show more style="white-space: nowrap;">
            <el-button size="mini">重置</el-button>
            <el-button type="primary" enter size="mini">查询</el-button>
          </el-form-item>
        </el-form>
      </QupFormContainer>
    </div>

  </div>
</template>

<script>
import selectWithDialog from '../InputWithDialog/selectWithDialog'
export default {
  name: 'CustomSearch',
  components: {selectWithDialog},
  props: {},
  directives: {
    focus: {
      inserted: function(el) {
        el.querySelector('input').focus()
      }
    }
  },

  data() {
    return {
      demoForm:{
        "name": "dasdasd",
    "phone": "15696969696",
    "consumerEcId": "dasdasd",
    "firstSource": "Store",
    "secondSource": "ActiveMarketing",
    "thirdSource": "ActiveMarketing",
    "preferenceStyle": "",
    "demandSpace": [],
    "virtualNumber": null,
    "consumerLevel": "",
    "provinceCode": "120000000000",
    "provinceName": "天津市",
    "provinceId": "20190730120000000000",
    "cityCode": "120100000000",
    "cityName": "市辖区",
    "cityId": "20190730120100000000",
    "districtsCode": "120111000000",
    "districtsName": "西青区",
    "districtsId": "20190730120111000000",
    "streetCode": "120111100000",
    "streetName": null,
    "streetId": null,
    "detailedAddress": "",
    "disName": "府青立交直营店客户",
    "comments": "",
    "firstSourceDictId": "5fc117cb-dadc-4da1-8117-cbdadc1da139",
    "secondSourceDictId": "39d4a2a4-df79-409e-94a2-a4df79409e33",
    "orderEcNum": null,
    //==================
        purchaseChannel:[],
        buyChannel:['1','2'],
        buyChannelName:'',
        buyChannel1:[],
        buyChannelName1:'',
        buyChannel2:'',
        buyChannelName2:'',
        shopCode:'',
        shopName:'',
        shopCode2:'ActiveMarketing',
        shopName2:'',
        orderCode:'',
        contactName:'',
        contactPhone:'',

        provinceCode: '', // 省编码
        provinceName: '', // 省名称
        provinceId: '', // 省ID
        cityCode: '', // 市
        cityName: '',
        cityId: '',
        districtsCode: '', // 区/县
        districtsName: '',
        districtsId: '',
        streetCode: '', // 街道
        streetName: '',
        streetId: '',
        address: '', // 详细地址
      },
      formRules:{},
      compensationCause:[],
      importVisible:false,
      importTaskVisible:false,
      exportisible:false,
      activeConsumer2:[],
      activeConsumer:[],
      receiveAddressData:[ 
        { 
          "label": "四川省巴中市东方鑫村商贸物业园全友家私",
          // "value": "5002479", 
          "code":'5002479',
      //  "id": "5ba24d66-818e-43c9-8c90-646b991cb898", 
      //  "name": "【成卫】四川省巴中市巴州区任波", 
      //  "address": "四川省巴中市东方鑫村商贸物业园全友家私" 
       }
       ],
      searchValue1:[{label:'通知消息1',value:'tzxx'},{label:'物流消息',value:'wlxx'}],
      searchValue:[],
      goodsStateData:[],
      searchData:[
        {
          label: '责任人组织',
          prop: 'responsibleOrg',
          type: 'select',
          value: [],
          placeholder: '',
          filter: false,
          config: {
            remote: false,
            filterable: true,
            multiple: true,
            // paramField: 'keyWord',// 远程搜索参数名
            remoteUrl: `/data-dict/api/v2/dictionary/QUERY_ORGANIZATION`,
            defaultProps: {
              label: 'dictName',
              value: 'dictCode'
            },
            paramsRaw: { appCode: 'work-order', domainCode: 'marketing' }
          }
        },
        { label: '货品状态', prop: 'categoryCode1', type: 'select',width:'400px', labelWidth: '90px',
          config: {
            // remote: false,
            multiple:true,
            remoteUrl: `https://uacdev.quanyou.com.cn/select-service/api/v1/eco/settleBillParam/page`,
            defaultProps: { label: 'paramValue', value: 'paramKey' },
            paramsRaw:{},
            filtersRaw:[{ id: 'paramType', property: 'paramType', operator: '=', value: 7 }],
            requestMethod:'post',
            paramsType:1,
            excludes:['HPZT001'],
          }
        },
        { label: '所属分类', prop: 'categoryCode', type: 'select', labelWidth: '90px',disabled:true,
          config: {
            remote: true,
            filterable:true,
            remoteUrl: `/data-dict/api/v2/dictionary/ARTICLE_CATEGORY?appCode=mcenter&domainCode=platform`,
            defaultProps: { label: 'dictName', value: 'dictCode' },
            excludes:['1']
          }
        },
        ///=====
        {
        label: '发货状态', prop: 'sendState', type: 'checkbox',
        width: '100%',
        config: {
          remote: true,
          remoteUrl: `/data-dict/api/v2/dictionary/SEND_STATUS?appCode=eco&domainCode=marketing`,
          defaultProps: { label: 'dictName', value: 'dictCode' }
        }
      },
      {
        label: '订单来源', prop: 'orderSource', type: 'checkbox',
        width: '100%',
        config: {
          remote: true,
          remoteUrl: `/data-dict/api/v2/dictionary/ORDER_SOURCE?appCode=eco&domainCode=marketing`,
          defaultProps: { label: 'dictName', value: 'dictCode' }
        }
      },
      {
        label: '物流方式', prop: 'logisticsMode', type: 'checkbox',
        width: '100%',
        config: {
          remote: true,
          remoteUrl: `/data-dict/api/v2/dictionary/LOGISTICS_MODE?appCode=eco&domainCode=marketing`,
          defaultProps: { label: 'dictName', value: 'dictCode' }
        }
      },
      {
        label: '平台状态', prop: 'dcOrderState', type: 'checkbox',
        width: '100%',
        config: {
          remote: true,
          remoteUrl: `/data-dict/api/v2/dictionary/DC_ORDER_STATUS?appCode=eco&domainCode=marketing`,
          defaultProps: { label: 'dictName', value: 'dictCode' }
        }
      },
      //====
        { label: '平台', prop: 'platformCode', type: 'dialog',labelWidth:'200px',disabled:false,
          config: {
            multiple: true,
            defaultProps: { label: 'name', value: 'code' }
            /* apiHeader: {
              'Permission-Code': 'order_manage',
              'Permission-App': 'eco'
            } */
          },
          dialogConfig: {
            title: '平台',
            interfacePath: 'https://uacdev.quanyou.com.cn/select-service/api/v1/eco/platform/page',
            setting: [{ prop: 'code', title: '编码', width: 120 }, { prop: 'name', title: '名称', width: 250 }]
          }
        },
        { label: '店铺', prop: 'storeCode', type: 'dialog',
          config: {
            multiple: true,
            defaultProps: { label: 'name', value: 'code' }
            /* apiHeader: {
              'Permission-Code': 'order_manage',
              'Permission-App': 'eco'
            } */
          },
          dialogConfig: {
            title: '店铺',
            interfacePath: 'https://uacdev.quanyou.com.cn/select-service/api/v1/eco/shop/page',
            filtersRaw: [],
            setting: [{ prop: 'code', title: '编码', width: 120 }, { prop: 'name', title: '名称', width: 250 }]
          }
        },
          {label:'文本输入框',prop:'txtName',type:'text', disabled:true, value:'',placeholder:'',single:true},
          {label:'日期区间',prop:'dateRange',type:'date',dateType:'daterange',  placeholder:'请选择',
            dateConfig:{
              startPlaceholder:'startPlaceholder',
              pickerOptions:{
               disabledDate(time) {
                  return time.getTime() < Date.now();
                },
              }
            }
          },
          {label:'时间区间',prop:'dateTimeRange',type:'date',value:['2022-01-13 10:10:10','2022-01-14 12:20:00'],dateType:'datetimerange', width:'500px', placeholder:'请选择',
            dateConfig:{
              startPlaceholder:'开始时间',
              endPlaceholder:'结束时间',
              format:'yy-MM-dd HH:mm:ss',
              valueFormat:'yy-MM-dd HH:mm:ss',
              pickerOptions:{
               disabledDate(time) {
                  return time.getTime() < Date.now();
                },
              }
            }
          },
          {label:'多个日期',prop:'datesName',type:'date',dateType:'dates',value:'',placeholder:'请选择日期'},
          {label:'单个日期',prop:'dateName',type:'date',dateType:'date',value:'',placeholder:'请选择日期',operator:'<='},
          {label:'单个月份',prop:'monthName',type:'date',dateType:'month',value:'',placeholder:'请选择月份'},
          {label:'月份范围',prop:'monthrangeName',type:'date',dateType:'monthrange',value:'',placeholder:'请选择月份'},
          {label:'周',prop:'weekName',type:'date',dateType:'week',value:'',placeholder:'请选择周'},
          {
            type:'select',
            prop:'selectName',
            label:'下拉选择框(单选)',
            value:'',
            placeholder:'',    
            config:{
              filterable:false, // 是否允许输入关键字搜索
              multiple:true,
              selectData:[
                {label:'下拉框的值1',value:0},
                {label:'下拉框的值2',value:1},
                {label:'下拉框的值3',value:2}
              ] // 选项集合
            },
           },
           {
            type:'select',
            prop:'multiSelectName',
            label:'下拉选择框(多选)',
            value:['asd','qwe'],
            placeholder:'',        
            config:{
              filterable:false, // 是否允许输入关键字搜索
              multiple:true, // 是否多选
              selectData:[
                {label:'下拉框的值1',value:'asd'},
                {label:'下拉框的值2',value:'zxc'},
                {label:'下拉框的值3',value:'qwe'}
              ] // 选项集合
            },
           },
           {
            type:'select',
            prop:'selectSearchName',
            label:'可搜索的下拉框(单选)',
            value:'2',
            placeholder:'',   
            config:{
              filterable:true,
              multiple:false, // 是否多选
              selectData:[
                {label:'下拉框的值1',value:'1'},
                {label:'搜索的值2',value:'2'},
                {label:'下拉框的值3',value:'3'}
              ]
            },
           },
           {
            type:'select',
            prop:'selectSearchMultiName',
            label:'可搜索的下拉框(多选)',
            value:'',
            placeholder:'',   
            config:{
              filterable:true,
              multiple:true, // 是否多选
              selectData:[
                {label:'下拉框的值1',value:'1'},
                {label:'搜索的值2',value:'2'},
                {label:'下拉框的值3',value:'3'}
              ]
            },
           },
           {
            type:'select',
            prop:'selectSearchMultiName',
            label:'filter为False可搜索的下拉框(多选)',
            value:'',
            placeholder:'', 
            filter:false, // 是否为filter参数   
            config:{
              filterable:true,
              multiple:true, // 是否多选
              selectData:[
                {label:'下拉框的值1',value:'1'},
                {label:'搜索的值2',value:'2'},
                {label:'下拉框的值3',value:'3'}
              ]
            },
           },
           {
            type:'select',
            prop:'selectRemoteName',
            label:'数据字典下拉框',
            value:'',
            placeholder:'',     
            config:{
              remote: true,
              // paramField: 'keyWord',// 远程搜索参数名
              remoteUrl: `https://qup2dev.quanyou.com.cn/data-dict/api/v2/dictionary/PO_TYPE`,
              defaultProps: {
                label: 'dictName',
                value: 'dictCode'
              },
              paramsRaw:{appCode:'order-center',domainCode:'marketing'},
              apiHeader:{
                  'Permission-Code': 'per_pur_order_middle_page',
                  'Permission-App': 'order-center'
              }
              // filterable:true,
              // focusQuery:false
            },
           },
          {
            type:'text', // 类型：text 文本输入框，select 下拉选择 ， date 日期选择 ， checkbox 复选框 ，radio 单选框 , dialog 弹窗搜索 
            prop:'textRemoteName', // 字段名
            label:'远程文本查询', // 标签文本
            value:'', // 绑定值：若为checkbox类型，值类型为数组，默认值为[]
            placeholder:'', // 值为空时的提示文字
            filter:false, // 是否为filter参数
            config:{
              filterable: true, // 是否可搜索
              remote: true,// 是否为远程搜索
              requestMethod:'get',// 远程搜索请求方式:post ,get ;默认为get
              remoteUrl:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/list/keyWord', // 远程搜索API地址
              paramField: 'keyWord',// 远程搜索参数名
              defaultProps: {
                label: 'typeName',
                value: 'typeCode'
              }, // api返回数据默认字段
              selectData:[],//选项集合 [{label:'下拉选项',value:1},{label:'复选项',value:2},{label:'单选项',value:3}]
              multiple:true, // 是否多选
              focusQuery:false,//是否聚焦查询,
              apiHeader:{
                  'Permission-Code': 'per_pur_order_middle_page',
                  'Permission-App': 'order-center'
              }
            },
          },
          {
            label:'搜索框调分页',
            prop:'inputDlgName',
            type:'dialog',
            value:'',
            placeholder:'',
            config:{
              defaultProps: {
                label: 'typeName',
                value: 'typeCode'
              }, // api返回数据默认字段
              multiple:true,
              apiHeader:{
                  'Permission-Code': 'per_pur_order_middle_page',
                  'Permission-App': 'order-center'
              }
              // focusQuery:false,
              // selectData:[{label:'RD20200921000001',value:'4022'},{label:'RD20200921000002',value:'4021'}]
            },
            dialogConfig:{
              title:'选择表格数据',
              interfacePath:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/page',
              setting:[{prop:'typeCode',title:'类型编码'},{prop:'typeName',title:'消息类型'}]
            }
          },
          {
            label:'带弹窗的搜索框',
            prop:'inputDlgName2',
            type:'dialog',
            value:'',
            placeholder:'',
            config:{
              requestMethod:'get',// 远程搜索请求方式:post ,get ;默认为get
              remoteUrl: 'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/list/keyWord', // 远程搜索API地址
              paramField: 'keyWord',// 远程搜索参数名
              defaultProps: {
                label: 'typeName',
                value: 'typeCode'
              }, // api返回数据默认字段
              multiple:true,
              // focusQuery:false,
              selectData:[{label:'RD20200921000001',value:'4022'},{label:'RD20200921000002',value:'4021'}]
            },
            dialogConfig:{
              title:'选择表格数据',
              interfacePath:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/page',
              setting:[{prop:'typeCode',title:'类型编码'},{prop:'typeName',title:'消息类型'}]
            }
          },
          {
            label:'显示值与下拉显示不同',
            prop:'inputDlgCode',
            type:'dialog',
            value:'',
            placeholder:'',
            showField:'typeCode',
            config:{
              defaultProps: {
                label: 'typeName',
                value: 'typeCode'
              }, // api返回数据默认字段
              multiple:true,
            },
            dialogConfig:{
              title:'选择表格数据',
              interfacePath:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/page',
              setting:[{prop:'typeCode',title:'类型编码'},{prop:'typeName',title:'消息类型'}]
            }
          },
          {
            label:'复选框',
            prop:'chkName',
            disabled:true,
            type:'checkbox',
            value:['1','2','3'],
            placeholder:'',
            width:'100%',
            config:{
              selectData:[
                {label:'复选框1',value:'1'},
                {label:'复选框2',value:'2'},
                {label:'复选框3',value:'3'},
                {label:'复选框4',value:'4'},
                {label:'复选框5',value:'5'}
              ]
            }
          },
          {
            label:'filter为false的复选框',
            prop:'chkName2',
            type:'checkbox',
            value:'',
            placeholder:'',
            filter:false,
            config:{
              selectData:[
                {label:'复选框1',value:'1'},
                {label:'复选框2',value:'2'},
                {label:'复选框3',value:'3'},
                {label:'复选框4',value:'4'},
                {label:'复选框5',value:'5'}
              ]
            }
          },
          {
            label:'单选框',
            prop:'radioName',
            type:'radio',
            disabled:true,
            value:'',
            placeholder:'',
            config:{
             selectData:[
                {label:'单选1',value:'1'},
                {label:'单选2',value:'2'},
                {label:'单选3',value:'3'},
                {label:'单选4',value:'4'},
                {label:'单选5',value:'5'}
              ]
            }
          },
          {
            label:'复选框(远程)',
            prop:'chkRemoteName',
            type:'checkbox',
            value:'',
            placeholder:'',
            config:{
              remoteUrl:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/list/keyWord?keyWord=',
              defaultProps:{
                label:'typeName',
                value:'typeCode'
              }
            }
          },
          {
            label:'单选框选项(远程)',
            prop:'radioRemoteName',
            type:'RADIO',
            value:'',
            placeholder:'',
            config:{
              remoteUrl:'https://qup2dev.quanyou.com.cn/mcenter/api/v1/messageType/list/keyWord?keyWord=',
              defaultProps:{
                label:'typeName',
                value:'typeCode'
              },
              selectData:[]
            }
          },
          
        ],
        edit:false
    }
  },

  computed: {},
  created(){
    
  },

  methods: {
    validateFuncDemo(){
      return new Promise((resolve,reject)=>{
        if (1===1){
          const value = '允许'
          console.log('resolve')
          resolve(value)
        } else {
          const error = '不允许'
          this.$message.error('请选择条件')
          console.log('reject')
          reject(error)
        }
      })
      this.$message.error('请选择条件')
      return false
    },
    promiseConfirm(data){
      return new Promise((resolve, reject) => {
       console.log('当前选中',data)
       reject('允许')
      })
    },
    handleDemoChanleData(data){
      console.log('获取到所有字典数据',data)
    },
    handleDemoChannel(val){
      console.log('字典选择',val)
    },
    handleDemoShop(val){
      console.log('店铺变更',val)
    },
    getChannelData(data){
console.log('获取到所有字典数据',data)
    },
    handleChannelChange(val){
      console.log('字典Checkbox',val)
    },

    clearSearch(data){
      console.log('清除搜索',data)
    },
    handleSearch(data){
      console.log('搜索参数',data)
    },
    handleChange(data){
      console.log('自定义弹窗选值变更',data)
    },
    exportSuccessCallback(config,res){
      console.log(config,res)
      this.$message.success('导出成功')
    },
    handleExportSuccess(res){
      // console.log('导出执行完成',res)
      this.refreshTable(true)
    },
    // 省变更
    handleProvinceChange() {
      this.$set(this.demoForm, 'cityId', '')
      this.$set(this.demoForm, 'cityName', '')
      this.handleCityChange()
    },
    // 市变更
    handleCityChange() {
      this.$set(this.demoForm, 'districtsId', '')
      this.$set(this.demoForm, 'districtsName', '')
      this.handleDistrictChange()
    },
    // 区县变更
    handleDistrictChange() {
      this.$set(this.demoForm, 'streetId', '')
      this.$set(this.demoForm, 'streetName', '')
    },
    refreshTable(){
      console.log('导入导出成功')
    },
    handleImportSuccess(res){
      if(res.msg){
        this.$confirm(`<div style="line-height:22px;font-size:12px">${res.msg}</div>`, '部分导入成功；存在以下异常：', {
          showCancelButton: false,
          showConfirmButton: false,
          type: 'warning',
          dangerouslyUseHTMLString: true
        })
      }
      this.refreshTable()
    },
    handleBlur(){
      console.log('失去焦点了')
      this.edit=false
    },
    // 监听搜索项的编辑
    handleEditChange({prop,value}){
      console.log('选项值更新了',prop,value)
      /* if(prop==='txtName'){
        const index = this.searchData.findIndex(v=>v.prop==='inputDlgName2')
        const config = this.searchData[index]
        config.dialogConfig.filtersRaw = [{id:'typeCode',property:'typeCode',operator:'=',value:value}]
        this.$set(this.searchData,index,config)
      } */ 
      if (prop === 'platformCode') {
        let code =[]
        if(value && value.length){
          code=value.map(v=>v.value)
        }
        this.setStoreConfig(code.join(','))
      }
    },
    
    // 设置店铺查询配置
    setStoreConfig(platformCode) {
      const filtersRaw = []
      if (platformCode) {
        filtersRaw.push({ id: 'platformCode', property: 'platformCode', operator: 'in', value: `[${platformCode}]` })
      }
      const configItem = this.searchData.find(v => v.prop === 'storeCode')
      console.log(configItem)
      this.$set(configItem.dialogConfig, 'filtersRaw', filtersRaw)
      this.$set(configItem, 'value', [])

      this.$refs.refSearch.updateValue('storeCode','')
      console.log('storeCode', this.$refs.refSearch.searchData.storeCode)
    },
  }
}
</script>
<style lang='scss'>
/* @import url(); 引入css类 */
.cus-val{
  height: 28px;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>
